<script setup>
import { onLoad } from '@dcloudio/uni-app'
import { ref, onMounted } from 'vue'
const id = ref();
// 获取携带过来的参数
onLoad((options) => {
  id.value = options.id
})
// 咨询数据
const detailsData = ref()
// 咨询接口 /api/v1/infos/{id}
const details = () => {
  uni.request({
    url: `http://10.31.71.52:7002/api/v1/infos/${id.value}`,
    method: 'GET',
    success: (res) => {
      console.log(res);
    }
  })
}
onMounted(() => {
  details();
})

</script>

<template>
  <view class="wenz">
    <div class="wen">
      <uni-title type="h1" title="" align="center"></uni-title>
      <div>
        <image style="width: 100%;height: 480px;" src="../../static/u6443.png" mode="widthFix" />
        <image style="width: 100%;"
          src="https://ts4.cn.mm.bing.net/th?id=OIP-C.wfFTQwsIpw0xjhnWN0SsyAHaF7&w=279&h=223&c=8&rs=1&qlt=90&o=6&dpr=1.1&pid=3.1&rm=2"
          mode="widthFix" />
        <image style="width: 100%;"
          src="https://ts1.cn.mm.bing.net/th?id=OIP-C._dBVMi2BIbaM7xkjD1FrOwHaE7&w=306&h=204&c=8&rs=1&qlt=90&o=6&dpr=1.1&pid=3.1&rm=2"
          mode="widthFix" />
      </div>
      <uni-title type="h3" title="更多好文"></uni-title>
      <div class="item">
        <div style="font-size: 14px;">
          中南紫云集:1#3#高层在售
          <p style="margin-top: 55px; font-size: 12px;">中南·紫云集 &emsp; 15小时前</p>
        </div>
        &emsp;
        &emsp;
        <image
          src="https://img1.baidu.com/it/u=3239973828,3709721770&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1701277200&t=4598eab6585f766657174b3c15c21518"
          mode="widthFix" />
      </div>
      <hr>
      <div class="item">
        <div style="font-size: 14px;">
          绿地城际空间站:22号商铺推出
          <p style="margin-top: 40px; font-size: 12px;">绿地城际 &emsp; 1天前</p>
        </div>
        &emsp;
        &emsp;
        <image
          src="https://img2.baidu.com/it/u=870857468,2793530858&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1701277200&t=c8a8afda0000bd4bce0ed220e1b0363e"
          mode="widthFix" />
      </div>
    </div>
  </view>
</template>


<style scoped lang="scss">
.wenz {
  width: 100vw;
  height: 100vh;
  background: #fff;
}

.wen {
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
}

image {
  border-radius: 10px;
}

.item {
  width: 100%;
  display: flex;
  margin-bottom: 30px;
  background: #fcfcfc;
  border-radius: 10px;
  padding: 10px 5px;
  box-sizing: border-box;
  div{
    width: 60%;
  }
  image{
    width: 40%;
  }
}
</style>
